<template>
  <div>
    <h4 class="text-center">志愿活动一览</h4>
    <dv-capsule-chart :config="testData" style="width:600px;height:200px;color: black;" />
  </div>
</template>

<script>
export default {
  name: 'VoluntaryStatistics',
  data() {
    return {
      testData: {
        data: [
        ]
      }
    }
  },
  mounted(){
    this.axios.get('/Share/GetAllActivityByActivityType').then(res=>{
      if(res.data!=null){
        res.data.forEach((element,index) => {
          this.testData.data[index]=element
        });        
      /**
       * 使用ES6拓展运算符生成新的props对象
       * 组件侦知数据变化 自动刷新状态
       */      
        this.testData={...this.testData}        
      }
    })
  }
}
</script>

<style lang="less" scoped>
</style>
